<template>
  <div class="test-format">
    <h1>测试ESLint和Prettier格式化</h1>
    <p>这个文件将用于测试格式化是否正常工作</p>
    <el-button type="primary" @click="handleClick">点击测试</el-button>
  </div>
</template>

<script setup>
import { ref, reactive } from 'vue'

const testVariable = ref('Hello World')
const obj = reactive({ a: 1, b: 2, c: 3 })

const handleClick = () => {
  console.log(testVariable.value, obj)
}
</script>

<style lang="scss" scoped>
.test-format {
  padding: 20px;
  h1 {
    color: red;
    font-size: 24px;
  }
  p {
    color: blue;
    font-size: 16px;
  }
}
</style>
